<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>用户列表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="icon" href="/favicon.ico">
    <link rel="stylesheet" href="/js/plugins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1911813_s7m2ktfo.css"  media="all"/>
    <link rel="stylesheet" href="/css/public.css" media="all" />
    <link rel="stylesheet" href="/css/main.css" media="all" />
</head>
<body class="tabMain">
    <div class="layui-row">
        <div class="search_text float-l ">
            <i class="iconfont gkb-sousuo"></i>
            <input type="text" placeholder="请输入权限标识或系统界面" maxlength="10" id="search_input"/>
        </div>
        <button type="button" class="layui-btn float-l magl10 search_btn" id="btn_search">
            <i class="iconfont gkb-sousuo"></i> 搜索
        </button>
    </div>
    <div class="layui-row magt10">
        <button type="button" class="layui-btn" id="btn_add">
            <i class="layui-icon layui-icon-addition"></i>
            添加权限
        </button>

    </div>
    <div class="magt10">
        <table id="dataTable" lay-filter="dataTable"></table>
    </div>
    <div class="tabMain" style="width: 550px" hidden id="detailInfo">
        <form class="layui-form" action="" lay-filter="info">
            <div class="layui-form-item" id="pageControl">
                <label class="layui-form-label required">系统页面</label>
                <div class="layui-input-block">
                    <input type="text" id="page" lay-filter="page" name="page" placeholder="请选择系统页面" class="layui-input">
                    <!--<select name="page" id="page" lay-filter="page"  lay-verify="required" lay-reqtext="请选择系统页面" >-->
                        <!--<option value=""></option>-->
                    <!--</select>-->
                </div>

            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">权限标识</label>
                <div class="layui-input-block">
                    <input type="text" name="name" lay-verify="required" maxlength="100"  lay-reqtext="请输入权限标识"  autocomplete="off" placeholder="请输入权限标识" class="layui-input">
                    <input type="hidden" id="id" name="id" />
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">权限描述</label>
                <div class="layui-input-block">
                    <select name="description" id="description" lay-filter="description">
                        <option value=""></option>
                        <option value="浏览">浏览</option>
                        <option value="添加">添加</option>
                        <option value="编辑">编辑</option>
                        <option value="删除">删除</option>
                    </select>
                </div>

            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">权限备注</label>
                <div class="layui-input-block">
                    <textarea placeholder="请输入备注信息" class="layui-textarea" name="remark"></textarea>
                </div>
            </div>
            <div class="layui-form-item align-center magt30">
                <div class="layui-input-block">
                    <button type="reset" class="layui-btn layui-btn-primary" lay-filter="btn_reload">重  置</button>
                    <button type="submit" class="layui-btn" lay-submit  lay-filter="btn_save" id="btn_save">保  存</button>
                </div>
            </div>
        </form>
    </div>

</body>
<script type="text/javascript" src="/js/jquery-3.5.1.js" ></script>
<script type="text/javascript" src="/js/plugins/layui/layui.js"></script>
<script type="text/javascript" src="/js/plugins/vue/vue.js"></script>
<script type="text/javascript" src="/js/common.js"></script>
<script type="text/javascript" src="/js/service.js"></script>
<script type="text/javascript" src="/js/system/powers/powers.js" ></script>
</html>
